Me gustaría que @GetMapping("/home") y @GetMapping("/folders/{id}") redirijan a la misma página/vista home.jsp, donde uso jquery y ajax para crear contenido. Desafortunadamente, cuando llamo a @GetMapping("/folders/{id}") en mi archivo Controller .js no funciona en mi .jsp (la vista no reconoce el archivo .js y no usa jquery para crear una página html) , pero para @GetMapping("/home") todo funciona. ¿Alguien sabe por qué?
HomeController.java
@Controller clase pública HomeController {
private final FolderService folderService; @Autowired public HomeController(FolderService folderService) { this.folderService = folderService; } **@GetMapping("/home") public String home( ) { return "home"; } @GetMapping("/folders/{id}") public String foldersId( ) { return "home";** }}
inicio.jsp
<html> <head> <meta charset="UTF-8"> <title>BOOKMARKS APP</title> <!--Bootstrap--> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script> <!--CSS--> <link rel="stylesheet" href="css/style.css"> <!--jQuery--> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js"></script> <!--JS files--> **<script src="js/index.js" type="text/javascript"></script> <script src="js/home.js" type="text/javascript"></script>** </head> <body> </body>Errores en la consola:
Estructura del archivo: